import Vue from 'vue'
import App from './App.vue'

Vue.config.productionTip = false

const role = "admin";

Vue.directive("role",{
  bind(){
    console.log("bind");
  },
  inserted(el,binding){
    console.log("inserted");
    if(binding.value !== role){
      console.log("1",el);
      el.remove()
    }
  },
  update(el,binding) {
    console.log("update");
    console.log(el,binding);
  },
  //componentUpdated：指令所在组件的 VNode 及其子 VNode 全部更新后调用。
  componentUpdated() {
    console.log("componentUpdated");
  },
  // unbind：只调用一次，指令与元素解绑时调用
  unbind() {
    console.log("unbind");
  },
})
new Vue({
  render: h => h(App),
}).$mount('#app')
